﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.6 充值</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_6_充值/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_6_充值/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u566" class="ax_default _形状">
        <div id="u566_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u567" class="ax_default _形状">
        <div id="u567_div" class=""></div>
        <div id="u567_text" class="text ">
          <p><span>账单详情</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u568" class="ax_default _形状">
        <img id="u568_img" class="img " src="images/4_4_付款码/u380.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u569" class="ax_default _文本段落">
        <div id="u569_div" class=""></div>
        <div id="u569_text" class="text ">
          <p><span>充值</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u570" class="ax_default _文本段落">
        <div id="u570_div" class=""></div>
        <div id="u570_text" class="text ">
          <p><span>交易成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u571" class="ax_default _文本段落">
        <div id="u571_div" class=""></div>
        <div id="u571_text" class="text ">
          <p><span>收款方</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u572" class="ax_default _文本段落">
        <div id="u572_div" class=""></div>
        <div id="u572_text" class="text ">
          <p><span>收款账户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u573" class="ax_default _文本段落">
        <div id="u573_div" class=""></div>
        <div id="u573_text" class="text ">
          <p><span>123.00元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u574" class="ax_default _文本段落">
        <div id="u574_div" class=""></div>
        <div id="u574_text" class="text ">
          <p><span>校园卡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u575" class="ax_default _文本段落">
        <div id="u575_div" class=""></div>
        <div id="u575_text" class="text ">
          <p><span>付款方</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u576" class="ax_default _文本段落">
        <div id="u576_div" class=""></div>
        <div id="u576_text" class="text ">
          <p><span>建设银行卡（1234）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u577" class="ax_default _文本段落">
        <div id="u577_div" class=""></div>
        <div id="u577_text" class="text ">
          <p><span>交易时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default _文本段落">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span>交易号</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default _文本段落">
        <div id="u579_div" class=""></div>
        <div id="u579_text" class="text ">
          <p><span>2016-11-16 11:16</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default _文本段落">
        <div id="u580_div" class=""></div>
        <div id="u580_text" class="text ">
          <p><span>1234567890</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u581" class="ax_default _水平线">
        <img id="u581_img" class="img " src="images/4_4_付款码/u396.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u582" class="ax_default _水平线">
        <img id="u582_img" class="img " src="images/4_4_付款码/u396.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u583" class="ax_default _水平线">
        <img id="u583_img" class="img " src="images/4_4_付款码/u396.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default _文本段落">
        <div id="u584_div" class=""></div>
        <div id="u584_text" class="text ">
          <p><span>充值成功-账单详情</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u585" class="ax_default _文本段落">
        <div id="u585_div" class=""></div>
        <div id="u585_text" class="text ">
          <p><span>余额账户 +123.00元</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u586" class="ax_default image">
        <img id="u586_img" class="img " src="images/4_1_校园卡启用/u181.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default _形状">
        <div id="u587_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u588" class="ax_default _形状">
        <div id="u588_div" class=""></div>
        <div id="u588_text" class="text ">
          <p><span>输入验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default _文本段落">
        <div id="u589_div" class=""></div>
        <div id="u589_text" class="text ">
          <p><span>验证码：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u590" class="ax_default _水平线">
        <img id="u590_img" class="img " src="images/4_1_校园卡启用/u194.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u591" class="ax_default _文本段落">
        <div id="u591_div" class=""></div>
        <div id="u591_text" class="text ">
          <p><span>输入短信验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u592" class="ax_default _文本段落">
        <div id="u592_div" class=""></div>
        <div id="u592_text" class="text ">
          <p><span>50秒后再试</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u593" class="ax_default _文本段落">
        <div id="u593_div" class=""></div>
        <div id="u593_text" class="text ">
          <p><span>银行网关验证码输入页面</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u594" class="ax_default image">
        <img id="u594_img" class="img " src="images/4_1_校园卡启用/u181.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u595" class="ax_default _文本段落">
        <div id="u595_div" class=""></div>
        <div id="u595_text" class="text ">
          <p><span>137****6665</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u596" class="ax_default _形状">
        <div id="u596_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u597" class="ax_default _形状">
        <div id="u597_div" class=""></div>
        <div id="u597_text" class="text ">
          <p><span>充值</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u598" class="ax_default _文本段落">
        <div id="u598_div" class=""></div>
        <div id="u598_text" class="text ">
          <p><span>充值页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u599" class="ax_default _形状">
        <div id="u599_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u600" class="ax_default _文本段落">
        <div id="u600_div" class=""></div>
        <div id="u600_text" class="text ">
          <p><span>充值金额</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default _文本段落">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>￥</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default _文本段落">
        <div id="u602_div" class=""></div>
        <div id="u602_text" class="text ">
          <p><span>500</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u603" class="ax_default _形状">
        <div id="u603_div" class=""></div>
        <div id="u603_text" class="text ">
          <p><span>下一步</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u604" class="ax_default image">
        <img id="u604_img" class="img " src="images/4_1_校园卡启用/u181.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u605" class="ax_default label">
        <div id="u605_div" class=""></div>
        <div id="u605_text" class="text ">
          <p><span>显示3秒，充值成功后</span></p><p><span>自动跳转到校园卡主页</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u606" class="ax_default _连接线">
        <img id="u606_seg0" class="img " src="images/4_6_充值/u606_seg0.png" alt="u606_seg0"/>
        <img id="u606_seg1" class="img " src="images/4_6_充值/u606_seg1.png" alt="u606_seg1"/>
        <img id="u606_seg2" class="img " src="images/3_2_1校园卡-启用流程图/u57_seg2.png" alt="u606_seg2"/>
        <div id="u606_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u607" class="ax_default _文本段落">
        <div id="u607_div" class=""></div>
        <div id="u607_text" class="text ">
          <p><span>你正在向校园卡充值</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u608" class="ax_default _文本段落">
        <div id="u608_div" class=""></div>
        <div id="u608_text" class="text ">
          <p style="font-size:14px;"><span style="font-size:16px;">充值金额：</span><span style="font-size:18px;">500.00</span><span>元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u609" class="ax_default _文本段落">
        <div id="u609_div" class=""></div>
        <div id="u609_text" class="text ">
          <p><span>已发送验证码短信至您的手机</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u610" class="ax_default ellipse">
        <img id="u610_img" class="img " src="images/4_6_充值/u610.png"/>
        <div id="u610_text" class="text ">
          <p><span>X</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u611" class="ax_default _形状">
        <div id="u611_div" class=""></div>
        <div id="u611_text" class="text ">
          <p><span>立即付款</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u612" class="ax_default label">
        <div id="u612_div" class=""></div>
        <div id="u612_text" class="text ">
          <p><span>用户输入金额，最多保留2位小数，点击X清空输入</span></p><p><span>数值。</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u613" class="ax_default _水平线">
        <img id="u613_img" class="img " src="images/4_6_充值/u613.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u614" class="ax_default _水平线">
        <img id="u614_img" class="img " src="images/4_6_充值/u614.png"/>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u615" class="ax_default _形状">
        <img id="u615_img" class="img " src="images/4_6_充值/u615.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u616" class="ax_default _文本段落">
        <div id="u616_div" class=""></div>
        <div id="u616_text" class="text ">
          <p><span>建设银行储蓄卡（9989）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u617" class="ax_default _文本段落">
        <div id="u617_div" class=""></div>
        <div id="u617_text" class="text ">
          <p><span>付款方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u618" class="ax_default label">
        <div id="u618_div" class=""></div>
        <div id="u618_text" class="text ">
          <p><span>付款方式为银行卡中的默认银行卡。</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u619" class="ax_default _连接线">
        <img id="u619_seg0" class="img " src="images/4_6_充值/u619_seg0.png" alt="u619_seg0"/>
        <img id="u619_seg1" class="img " src="images/4_6_充值/u619_seg1.png" alt="u619_seg1"/>
        <img id="u619_seg2" class="img " src="images/4_6_充值/u619_seg2.png" alt="u619_seg2"/>
        <img id="u619_seg3" class="img " src="images/4_6_充值/u619_seg3.png" alt="u619_seg3"/>
        <div id="u619_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
